<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>顺风车计价规则</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<script src="__PUBLIC__/fr_valuation/js/jquery.js"></script>
<script>
	+ function() {
		remLayout();
		function remLayout() {
			var w = document.documentElement.clientWidth;
			w = w > 768 ? 768 : w;
			w = w <= 320 ? 320 : w;
			document.documentElement.style.fontSize = w / 7.5 + 'px';
		}
		window.addEventListener('resize', function() {
			remLayout();
		}, false);
	}();
</script>
<style>
  .rules {
    padding: 0.4rem;
  }
  .rules p {
    margin: 0;
    line-height: 26px;
    padding: 3px 0px;
    font-size: 14px;
    color: #666;
  }
  .rules .color {
    color: #1aac19;
    font-weight: bold;
  }
  .rules table {
    width: 100%;
    border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
  }
  .rules table tr td {
    font-size: 14px;
    text-align: center;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    line-height: 30px;
  }
  .city_select{
    display:block;
    width:100px; margin:0px auto;
    text-align: center;
    vertical-align: top;
    height: 36px;
    position:relative;
  }
  .select {
    width: 100px;
    height: 36px;
    background: #f0f0f0;
    position: relative;
    cursor: pointer;
    border: none;
    padding: 0 10px;
    vertical-align:top;
  }
  input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="text"],select{
    -webkit-appearance: none;
  }
  .city_select::after {
    content: "";
    display: block;
    border-width: 5px;
    border-style: solid;
    border-color: #666 transparent transparent transparent;
    top: 15px;
    right: 12px;
    position: absolute;
  }

</style>
</head>
<body >
<div class="rules">
  <div class="city_select">
    <select name="city" id="city" class="select">
      <?php foreach($list as $value):?>
      <option value="<?php echo $value['city_id'];?>" <?php if($data['city_id'] == $value['city_id']):?>selected<?php endif;?>><?php echo $value['zone_name'];?></option>
      <?php endforeach;?>
    </select>
  </div>

  <p><span class="color">计价说明：</span>行程计价根据乘客行程起终点距离预先计算。</p>
  <p><span class="color">计价公式：</span>乘客实际支出费用=（起步价+里程价）*多人拼车倍数+感谢费（如有）-优惠券减免金额。</p>
  <p><span class="color">市内订单计价标准：</span>（具体的里程费和价格根据后台设置同步）</p>
  <table>
    <tr>
      <td> 里程值 </td>
      <td> 拼车价 </td>
      <td> 不拼车 </td>
    </tr>
    <volist name="priceList" id="v">
    <tr>
      <td> {$v.mileage} </td>
      <td> {$v.moneyOne} </td>
      <td> {$v.moneyTwo} </td>
    </tr>
    </volist>
  </table>
  <p><span class="color">起步价:</span>由于乘客与车主的起终点无法完全一致，车主在接送乘客时会产生绕路成本，作为补偿将收取一定的起步费用。</p>
  <p><span class="color">里程价:</span>当行程大于起步里程后，将按实际里程收取里程费。</p>
  <p><span class="color">多人乘车说明：</span></p>
  <p>当您在搭乘顺风车时，若选择接受拼车，将按照乘坐人数收取多人费用：1~ 2人按正常车费收取; 3人同行时收取正常车费的120%; 4人同行时收取正常车费的150%。若选择不接受拼车，则视为独享乘车，价格等同于四人乘车价格。</p>
  <p><span class="color">感谢费:</span>乘客可自行增加感谢费，提高接单成功率。</p>
  <p><span class="color">过路费:</span>合乘期间发生的高速费用，由乘客承担，如果乘客拒绝承担，须在行程出发前告知车主并协商达成一致。</p>
</div>
<script>
  $("select").change(function(e){
    var region_id = $(this).val();
    console.log(region_id)
    location="/index/fr_valuation/index?region_id="+region_id
  });
		
</script>
</body>
</html>
